$(function () {
    //alert('ok')
    //弹层对象
    layer = layui.layer;
    //1-获取所有分类信息，渲染到页面
    initCateList();
    function initCateList() {
        $.ajax({
            method: 'get',
            url: '/my/article/cates',
            success: function (res) {
                //console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                layer.msg(res.message, { icon: 6 });
                //渲染数据
                var htmlStr = template('tpl-cate', res);
                $('tbody').html(htmlStr);
            }
        })
    }
    var indexAdd = null;
    //2-单击添加类别，弹出一个模态框
    $('#btnAddCate').on('click', function () {
        indexAdd = layer.open({
            type: 1,
            title: '添加分类',
            area: ['500px', '300px'],
            content: $('#dialog-add').html()
        })
    })

    //给添加表单注册提交事件
    $('body').on('submit', '#form-add', function (e) {
        //阻止默认行为
        e.preventDefault();
        //收集表单数据
        var data = $(this).serialize();
        //发送ajax请求
        $.ajax({
            method: 'post',
            url: '/my/article/addcates',
            data: data,
            success: function (res) {
                //console.log(res);
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                //layer.msg(res.message, { icon: 6 });
                //重新渲染分类列表
                initCateList();
                //关闭模态框
                layer.close(indexAdd);
            }
        })

    })

    //3-编辑分类
    var indexEdit = null;
    //单击编辑按钮，弹出模态框
    $('tbody').on('click', '.btn-edit', function () {
        //模态框
        indexEdit = layer.open({
            type: 1,
            title: '编辑分类',
            area: ['500px', '300px'],
            content: $('#dialog-edit').html()
        })
        //获取被编辑分类的id
        var id = $(this).attr('data-id');
        //获取被编辑分类的信息
        $.ajax({
            method: 'get',
            url: '/my/article/cates/' + id,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                //layer.msg(res.message, { icon: 6 });
                //把数据渲染到表单中
                layui.form.val('form-edit', res.data);
            }
        })
    })

    //实现编辑功能
    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault();
        var data = $(this).serialize();
        $.ajax({
            method: 'post',
            url: '/my/article/updatecate',
            data:data,
            success: function (res) {
                if (res.status !== 0) {
                    return layer.msg(res.message, { icon: 5 });
                }
                layer.msg(res.message, { icon: 6 });
                //重新渲染分类
                initCateList();
                //关闭模态框
                layer.close(indexEdit);
            }
        })
    })

    //4-删除分类
    $('tbody').on('click', '.btn-delete', function () {
        //获取被删除分类的id
        var id = $(this).siblings().attr('data-id');
        //询问一下
        layer.confirm('是否确定要删除吗？', { icon: 3, title: '提示' }, function (index) {
            //do something
            //调接口
            $.ajax({
                method: 'get',
                url: '/my/article/deletecate/' + id,
                success: function (res) {
                    if (res.status !== 0) {
                        return layer.msg(res.message, { icon: 5 });
                    }
                    layer.msg(res.message, { icon: 6 });
                    //重新渲染分类列表
                    initCateList();
                }
            })
            layer.close(index);
        });
    })
})